/* GRID LAYOUT */
.row {
	font-size: 0px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	text-align: left;
}

.block > *, .row > * {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1;
}

.row > .row, .block > .row {
	font-size: 0;
}

.block {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 0.5%;
	height: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.nooffset .block { margin: 0; }

.row-rtl { direction: rtl; }

.default {width: 990px;}

@media screen and (max-width: 767px) {
	.default {
		min-width: 95%;
		width: 95%;
		padding: 0 2.5%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
}

/* DESKTOP */
.d1 {width: 3.166666666666667%;} .nooffset > .d1 {width: 4.166666666666667%;}
.d2 {width: 7.333333333333334%;} .nooffset > .d2 {width: 8.333333333333334%;}
.d3 {width: 11.5%;} .nooffset > .d3 {width: 12.5%;}
.d4 {width: 15.666666666666668%;} .nooffset > .d4 {width: 16.666666666666668%;}
.d5 {width: 19.833333333333336%;} .nooffset > .d5 {width: 20.833333333333336%;}
.d6 {width: 24%;} .nooffset > .d6 {width: 25%;}
.d7 {width: 28.166666666666668%;} .nooffset > .d7 {width: 29.166666666666668%;}
.d8 {width: 32.333333333333336%;} .nooffset > .d8 {width: 33.333333333333336%;}
.d9 {width: 36.5%;} .nooffset > .d9 {width: 37.5%;}
.d10 {width: 40.66666666666667%;} .nooffset > .d10 {width: 41.66666666666667%;}
.d11 {width: 44.833333333333336%;} .nooffset > .d11 {width: 45.833333333333336%;}
.d12 {width: 49%;} .nooffset > .d12 {width: 50%;}
.d13 {width: 53.16666666666667%;} .nooffset > .d13 {width: 54.16666666666667%;}
.d14 {width: 57.333333333333336%;} .nooffset > .d14 {width: 58.333333333333336%;}
.d15 {width: 61.50000000000001%;} .nooffset > .d15 {width: 62.50000000000001%;}
.d16 {width: 65.66666666666667%;} .nooffset > .d16 {width: 66.66666666666667%;}
.d17 {width: 69.83333333333334%;} .nooffset > .d17 {width: 70.83333333333334%;}
.d18 {width: 74%;} .nooffset > .d18 {width: 75%;}
.d19 {width: 78.16666666666667%;} .nooffset > .d19 {width: 79.16666666666667%;}
.d20 {width: 82.33333333333334%;} .nooffset > .d20 {width: 83.33333333333334%;}
.d21 {width: 86.5%;} .nooffset > .d21 {width: 87.5%;}
.d22 {width: 90.66666666666667%;} .nooffset > .d22 {width: 91.66666666666667%;}
.d23 {width: 94.83333333333334%;} .nooffset > .d23 {width: 95.83333333333334%;}
.d24 {width: 99%;} .nooffset > .d24 {width: 100%;}

.od0 {margin-left: 0.5%;} .nooffset > .od0 {margin-left: 0%;}
.od1 {margin-left: 4.666666666666667%;} .nooffset > .od1 {margin-left: 4.166666666666667%;}
.od2 {margin-left: 8.833333333333334%;} .nooffset > .od2 {margin-left: 8.333333333333334%;}
.od3 {margin-left: 13%;} .nooffset > .od3 {margin-left: 12.5%;}
.od4 {margin-left: 17.166666666666668%;} .nooffset > .od4 {margin-left: 16.666666666666668%;}
.od5 {margin-left: 21.333333333333336%;} .nooffset > .od5 {margin-left: 20.833333333333336%;}
.od6 {margin-left: 25.5%;} .nooffset > .od6 {margin-left: 25%;}
.od7 {margin-left: 29.666666666666668%;} .nooffset > .od7 {margin-left: 29.166666666666668%;}
.od8 {margin-left: 33.833333333333336%;} .nooffset > .od8 {margin-left: 33.333333333333336%;}
.od9 {margin-left: 38%;} .nooffset > .od9 {margin-left: 37.5%;}
.od10 {margin-left: 42.16666666666667%;} .nooffset > .od10 {margin-left: 41.66666666666667%;}
.od11 {margin-left: 46.333333333333336%;} .nooffset > .od11 {margin-left: 45.833333333333336%;}
.od12 {margin-left: 50.5%;} .nooffset > .od12 {margin-left: 50%;}
.od13 {margin-left: 54.66666666666667%;} .nooffset > .od13 {margin-left: 54.16666666666667%;}
.od14 {margin-left: 58.833333333333336%;} .nooffset > .od14 {margin-left: 58.333333333333336%;}
.od15 {margin-left: 63.00000000000001%;} .nooffset > .od15 {margin-left: 62.50000000000001%;}
.od16 {margin-left: 67.16666666666667%;} .nooffset > .od16 {margin-left: 66.66666666666667%;}
.od17 {margin-left: 71.33333333333334%;} .nooffset > .od17 {margin-left: 70.83333333333334%;}
.od18 {margin-left: 75.5%;} .nooffset > .od18 {margin-left: 75%;}
.od19 {margin-left: 79.66666666666667%;} .nooffset > .od19 {margin-left: 79.16666666666667%;}
.od20 {margin-left: 83.83333333333334%;} .nooffset > .od20 {margin-left: 83.33333333333334%;}
.od21 {margin-left: 88%;} .nooffset > .od21 {margin-left: 87.5%;}
.od22 {margin-left: 92.16666666666667%;} .nooffset > .od22 {margin-left: 91.66666666666667%;}
.od23 {margin-left: 96.33333333333334%;} .nooffset > .od23 {margin-left: 95.83333333333334%;}

/* TABLET */
/*
*
* It mantains the desktop columns, but if you need you can override
*
*/
@media screen and (min-width: 768px) and (max-width: 979px) {

	.t1 {width: 3.166666666666667%;} .nooffset > .t1 {width: 4.166666666666667%;}
	.t2 {width: 7.333333333333334%;} .nooffset > .t2 {width: 8.333333333333334%;}
	.t3 {width: 11.5%;} .nooffset > .t3 {width: 12.5%;}
	.t4 {width: 15.666666666666668%;} .nooffset > .t4 {width: 16.666666666666668%;}
	.t5 {width: 19.833333333333336%;} .nooffset > .t5 {width: 20.833333333333336%;}
	.t6 {width: 24%;} .nooffset > .t6 {width: 25%;}
	.t7 {width: 28.166666666666668%;} .nooffset > .t7 {width: 29.166666666666668%;}
	.t8 {width: 32.333333333333336%;} .nooffset > .t8 {width: 33.333333333333336%;}
	.t9 {width: 36.5%;} .nooffset > .t9 {width: 37.5%;}
	.t10 {width: 40.66666666666667%;} .nooffset > .t10 {width: 41.66666666666667%;}
	.t11 {width: 44.833333333333336%;} .nooffset > .t11 {width: 45.833333333333336%;}
	.t12 {width: 49%;} .nooffset > .t12 {width: 50%;}
	.t13 {width: 53.16666666666667%;} .nooffset > .t13 {width: 54.16666666666667%;}
	.t14 {width: 57.333333333333336%;} .nooffset > .t14 {width: 58.333333333333336%;}
	.t15 {width: 61.50000000000001%;} .nooffset > .t15 {width: 62.50000000000001%;}
	.t16 {width: 65.66666666666667%;} .nooffset > .t16 {width: 66.66666666666667%;}
	.t17 {width: 69.83333333333334%;} .nooffset > .t17 {width: 70.83333333333334%;}
	.t18 {width: 74%;} .nooffset > .t18 {width: 75%;}
	.t19 {width: 78.16666666666667%;} .nooffset > .t19 {width: 79.16666666666667%;}
	.t20 {width: 82.33333333333334%;} .nooffset > .t20 {width: 83.33333333333334%;}
	.t21 {width: 86.5%;} .nooffset > .t21 {width: 87.5%;}
	.t22 {width: 90.66666666666667%;} .nooffset > .t22 {width: 91.66666666666667%;}
	.t23 {width: 94.83333333333334%;} .nooffset > .t23 {width: 95.83333333333334%;}
	.t24 {width: 99%;} .nooffset > .t24 {width: 100%;}

	.ot0 {margin-left: 0%;} .nooffset > .ot0 {margin-left: 0%;}
	.ot1 {margin-left: 4.666666666666667%;} .nooffset > .ot1 {margin-left: 4.166666666666667%;}
	.ot2 {margin-left: 8.833333333333334%;} .nooffset > .ot2 {margin-left: 8.333333333333334%;}
	.ot3 {margin-left: 13%;} .nooffset > .ot3 {margin-left: 12.5%;}
	.ot4 {margin-left: 17.166666666666668%;} .nooffset > .ot4 {margin-left: 16.666666666666668%;}
	.ot5 {margin-left: 21.333333333333336%;} .nooffset > .ot5 {margin-left: 20.833333333333336%;}
	.ot6 {margin-left: 25.5%;} .nooffset > .ot6 {margin-left: 25%;}
	.ot7 {margin-left: 29.666666666666668%;} .nooffset > .ot7 {margin-left: 29.166666666666668%;}
	.ot8 {margin-left: 33.833333333333336%;} .nooffset > .ot8 {margin-left: 33.333333333333336%;}
	.ot9 {margin-left: 38%;} .nooffset > .ot9 {margin-left: 37.5%;}
	.ot10 {margin-left: 42.16666666666667%;} .nooffset > .ot10 {margin-left: 41.66666666666667%;}
	.ot11 {margin-left: 46.333333333333336%;} .nooffset > .ot11 {margin-left: 45.833333333333336%;}
	.ot12 {margin-left: 50.5%;} .nooffset > .ot12 {margin-left: 50%;}
	.ot13 {margin-left: 54.66666666666667%;} .nooffset > .ot13 {margin-left: 54.16666666666667%;}
	.ot14 {margin-left: 58.833333333333336%;} .nooffset > .ot14 {margin-left: 58.333333333333336%;}
	.ot15 {margin-left: 63.00000000000001%;} .nooffset > .ot15 {margin-left: 62.50000000000001%;}
	.ot16 {margin-left: 67.16666666666667%;} .nooffset > .ot16 {margin-left: 66.66666666666667%;}
	.ot17 {margin-left: 71.33333333333334%;} .nooffset > .ot17 {margin-left: 70.83333333333334%;}
	.ot18 {margin-left: 75.5%;} .nooffset > .ot18 {margin-left: 75%;}
	.ot19 {margin-left: 79.66666666666667%;} .nooffset > .ot19 {margin-left: 79.16666666666667%;}
	.ot20 {margin-left: 83.83333333333334%;} .nooffset > .ot20 {margin-left: 83.33333333333334%;}
	.ot21 {margin-left: 88%;} .nooffset > .ot21 {margin-left: 87.5%;}
	.ot22 {margin-left: 92.16666666666667%;} .nooffset > .ot22 {margin-left: 91.66666666666667%;}
	.ot23 {margin-left: 96.33333333333334%;} .nooffset > .ot23 {margin-left: 95.83333333333334%;}
}

/* SMARTPHONE */
/*
*
* It reset the desktop columns to 100% and all desktop offset, but if you need you can override
*
*/
@media screen and (max-width: 767px) {
	.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11,.d12,.d13,.d14,.d15,.d16,.d17,.d18,.d19,.d20,.d21,.d22,.d23,.d24 {width: 99%;}
	.nooffset > .d1,.nooffset > .d2,.nooffset > .d3,.nooffset > .d4,.nooffset > .d5,.nooffset > .d6,.nooffset > .d7,.nooffset > .d8,.nooffset > .d9,.nooffset > .d10,.nooffset > .d11,.nooffset > .d12,.nooffset > .d13,.nooffset > .d14,.nooffset > .d15,.nooffset > .d16,.nooffset > .d17,.nooffset > .d18,.nooffset > .d19,.nooffset > .d20,.nooffset > .d21,.nooffset > .d22,.nooffset > .d23,.nooffset > .d24 {width: 100%;}
	.od0,.od1,.od2,.od3,.od4,.od5,.od6,.od7,.od8,.od9,.od10,.od11,.od12,.od13,.od14,.od15,.od16,.od17,.od18,.od19,.od20,.od21,.od22,.od23,.od24 {margin-left: 0.5%;}
	.nooffset > .od0,.nooffset > .od1,.nooffset > .od2,.nooffset > .od3,.nooffset > .od4,.nooffset > .od5,.nooffset > .od6,.nooffset > .od7,.nooffset > .od8,.nooffset > .od9,.nooffset > .od10,.nooffset > .od11,.nooffset > .od12,.nooffset > .od13,.nooffset > .od14,.nooffset > .od15,.nooffset > .od16,.nooffset > .od17,.nooffset > .od18,.nooffset > .od19,.nooffset > .od20,.nooffset > .od21,.nooffset > .od22,.nooffset > .od23,.nooffset > .od24 {margin-left: 0;}

	.s1 {width: 3.166666666666667%;} .nooffset > .s1 {width: 4.166666666666667%;}
	.s2 {width: 7.333333333333334%;} .nooffset > .s2 {width: 8.333333333333334%;}
	.s3 {width: 11.5%;} .nooffset > .s3 {width: 12.5%;}
	.s4 {width: 15.666666666666668%;} .nooffset > .s4 {width: 16.666666666666668%;}
	.s5 {width: 19.833333333333336%;} .nooffset > .s5 {width: 20.833333333333336%;}
	.s6 {width: 24%;} .nooffset > .s6 {width: 25%;}
	.s7 {width: 28.166666666666668%;} .nooffset > .s7 {width: 29.166666666666668%;}
	.s8 {width: 32.333333333333336%;} .nooffset > .s8 {width: 33.333333333333336%;}
	.s9 {width: 36.5%;} .nooffset > .s9 {width: 37.5%;}
	.s10 {width: 40.66666666666667%;} .nooffset > .s10 {width: 41.66666666666667%;}
	.s11 {width: 44.833333333333336%;} .nooffset > .s11 {width: 45.833333333333336%;}
	.s12 {width: 49%;} .nooffset > .s12 {width: 50%;}
	.s13 {width: 53.16666666666667%;} .nooffset > .s13 {width: 54.16666666666667%;}
	.s14 {width: 57.333333333333336%;} .nooffset > .s14 {width: 58.333333333333336%;}
	.s15 {width: 61.50000000000001%;} .nooffset > .s15 {width: 62.50000000000001%;}
	.s16 {width: 65.66666666666667%;} .nooffset > .s16 {width: 66.66666666666667%;}
	.s17 {width: 69.83333333333334%;} .nooffset > .s17 {width: 70.83333333333334%;}
	.s18 {width: 74%;} .nooffset > .s18 {width: 75%;}
	.s19 {width: 78.16666666666667%;} .nooffset > .s19 {width: 79.16666666666667%;}
	.s20 {width: 82.33333333333334%;} .nooffset > .s20 {width: 83.33333333333334%;}
	.s21 {width: 86.5%;} .nooffset > .s21 {width: 87.5%;}
	.s22 {width: 90.66666666666667%;} .nooffset > .s22 {width: 91.66666666666667%;}
	.s23 {width: 94.83333333333334%;} .nooffset > .s23 {width: 95.83333333333334%;}
	.s24 {width: 99%;} .nooffset > .s24 {width: 100%;}

	.os0 {margin-left: 0%;} .nooffset > .os0 {margin-left: 0%;}
	.os1 {margin-left: 4.666666666666667%;} .nooffset > .os1 {margin-left: 4.166666666666667%;}
	.os2 {margin-left: 8.833333333333334%;} .nooffset > .os2 {margin-left: 8.333333333333334%;}
	.os3 {margin-left: 13%;} .nooffset > .os3 {margin-left: 12.5%;}
	.os4 {margin-left: 17.166666666666668%;} .nooffset > .os4 {margin-left: 16.666666666666668%;}
	.os5 {margin-left: 21.333333333333336%;} .nooffset > .os5 {margin-left: 20.833333333333336%;}
	.os6 {margin-left: 25.5%;} .nooffset > .os6 {margin-left: 25%;}
	.os7 {margin-left: 29.666666666666668%;} .nooffset > .os7 {margin-left: 29.166666666666668%;}
	.os8 {margin-left: 33.833333333333336%;} .nooffset > .os8 {margin-left: 33.333333333333336%;}
	.os9 {margin-left: 38%;} .nooffset > .os9 {margin-left: 37.5%;}
	.os10 {margin-left: 42.16666666666667%;} .nooffset > .os10 {margin-left: 41.66666666666667%;}
	.os11 {margin-left: 46.333333333333336%;} .nooffset > .os11 {margin-left: 45.833333333333336%;}
	.os12 {margin-left: 50.5%;} .nooffset > .os12 {margin-left: 50%;}
	.os13 {margin-left: 54.66666666666667%;} .nooffset > .os13 {margin-left: 54.16666666666667%;}
	.os14 {margin-left: 58.833333333333336%;} .nooffset > .os14 {margin-left: 58.333333333333336%;}
	.os15 {margin-left: 63.00000000000001%;} .nooffset > .os15 {margin-left: 62.50000000000001%;}
	.os16 {margin-left: 67.16666666666667%;} .nooffset > .os16 {margin-left: 66.66666666666667%;}
	.os17 {margin-left: 71.33333333333334%;} .nooffset > .os17 {margin-left: 70.83333333333334%;}
	.os18 {margin-left: 75.5%;} .nooffset > .os18 {margin-left: 75%;}
	.os19 {margin-left: 79.66666666666667%;} .nooffset > .os19 {margin-left: 79.16666666666667%;}
	.os20 {margin-left: 83.83333333333334%;} .nooffset > .os20 {margin-left: 83.33333333333334%;}
	.os21 {margin-left: 88%;} .nooffset > .os21 {margin-left: 87.5%;}
	.os22 {margin-left: 92.16666666666667%;} .nooffset > .os22 {margin-left: 91.66666666666667%;}
	.os23 {margin-left: 96.33333333333334%;} .nooffset > .os23 {margin-left: 95.83333333333334%;}
}

/* PERCENTAGE */
/*
*
* It's cross media queries
*
*/
.p10 { width: 9%; }
.nooffset .p10 { width: 10%;}
.p19 { width: 18%; }
.nooffset .p18 { width: 19%;}
.p20 { width: 19%; }
.nooffset .p20 { width: 20%;}
.p25 { width: 24%; }
.nooffset .p25 { width: 25%;}
.p33 { width:32.33333333%; }
.nooffset .p33 { width: 33.33333333%;}
.p40 { width: 39%; }
.nooffset .p40 { width: 40%;}
.p60 { width: 59%; }
.nooffset .p60 { width: 60%;}
.p66 { width: 65.6666666%; }
.nooffset .p66 { width: 66.66666666%;}
.p75 { width: 74%; }
.nooffset .p75 { width: 75%;}
.p80 { width: 79%; }
.nooffset .p80 { width: 80%;}
.p90 { width: 89%; }
.nooffset .p90 { width: 90%;}

/* DEVICES VISIBILITY */
.mobile-visible, .tablet-visible, .desktop-visible {
	display: none !important;
}
@media (max-width: 767px) {
	.mobile-visible {
		display: block !important;
	}
	table.mobile-visible {
		display: table;
	}
	tr.mobile-visible {
		display: table-row !important;
	}
	th.mobile-visible, td.mobile-visible {
		display: table-cell !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.tablet-visible {
		display: block !important;
	}
	table.tablet-visible {
		display: table;
	}
	tr.tablet-visible {
		display: table-row !important;
	}
	th.tablet-visible, td.tablet-visible {
		display: table-cell !important;
	}
}
@media (min-width: 992px) {
	.desktop-visible {
		display: block !important;
	}
	table.desktop-visible {
		display: table;
	}
	tr.desktop-visible {
		display: table-row !important;
	}
	th.desktop-visible, td.desktop-visible {
		display: table-cell !important;
	}
}
@media (min-width: 992px) {
	.desktop-hidden {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.mobile-hidden {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.tablet-hidden {
		display: none !important;
	}
}